<template>
	<view class="groupactiveverify">
		<view class="content_cell_box">
			<view class="mb-10 display_flex">
				<view class="flex-1 display_flex">
					<view class="f-14">整体活动照片</view>
					<uni-icons class="ml-5" @click="checkBigImg(form.bigimages_default)" type="help" size="16"
						color="#00A0DC"></uni-icons>
				</view>
				<view v-if="form.bigimages_status==2" class="f-11 c-red" @click="showPopup(form.bigimages_text)">
					<uni-icons type="info" size="12" color="#E10000"></uni-icons>
					审核未通过
				</view>
			</view>
			<view class="content_img_box" v-for="(item,index) in form.bigimages" :key="index">
				<image class="content_img" :src="picUrl+item" mode="aspectFill">
				</image>
				<uni-icons v-if="form.bigimages_status==0||form.bigimages_status==2" class="content_img_del"
					@click="delBigImg(index)" type="trash" size="20" color="#191919"></uni-icons>
			</view>
			<view class="display_flex" style="justify-content: center;">
				<view class="uploadBtn" @click="uploadContent()">上传图片</view>
			</view>
		</view>
		<view class="content_cell_box">
			<view class="mb-15 display_flex">
				<view class="f-14 flex-1">六大愉悦活动照片(至少上传4个)</view>
				<view v-if="form.image_status==2" class="f-11 c-red" @click="showPopup(form.image_text)">
					<uni-icons type="info" size="12" color="#E10000"></uni-icons>
					审核未通过
				</view>
			</view>
			<view class="mb-15">
				<view class="mb-5 display_flex">
					<view class="f-14">了解</view>
					<uni-icons class="ml-5" @click="checkBigImg(form.image1_default)" type="help" size="16"
						color="#00A0DC"></uni-icons>
				</view>
				<view class="content_img_box" v-for="(item,index) in form.image1" :key="index">
					<image class="content_img" :src="picUrl+item" mode="aspectFill">
					</image>
					<uni-icons v-if="form.image_status==0||form.image_status==2" class="content_img_del"
						@click="delSixHappy(1,index)" type="trash" size="20" color="#191919"></uni-icons>
				</view>
				<view v-if="form.image_status==0||form.image_status==2" class="display_flex"
					style="justify-content: center;">
					<view class="uploadBtn" @click="uploadSixHappy(1)">上传图片</view>
				</view>
			</view>
			<view class="mb-15">
				<view class="mb-5 display_flex">
					<view class="f-14">相遇</view>
					<uni-icons class="ml-5" @click="checkBigImg(form.image2_default)" type="help" size="16"
						color="#00A0DC"></uni-icons>
				</view>
				<view class="content_img_box" v-for="(item,index) in form.image2" :key="index">
					<image class="content_img" :src="picUrl+item" mode="aspectFill">
					</image>
					<uni-icons v-if="form.image_status==0||form.image_status==2" class="content_img_del"
						@click="delSixHappy(2,index)" type="trash" size="20" color="#191919"></uni-icons>
				</view>
				<view v-if="form.image_status==0||form.image_status==2" class="display_flex"
					style="justify-content: center;">
					<view class="uploadBtn" @click="uploadSixHappy(2)">上传图片</view>
				</view>
			</view>
			<view class="mb-15">
				<view class="mb-5 display_flex">
					<view class="f-14">创造</view>
					<uni-icons class="ml-5" @click="checkBigImg(form.image3_default)" type="help" size="16"
						color="#00A0DC"></uni-icons>
				</view>
				<view class="content_img_box" v-for="(item,index) in form.image3" :key="index">
					<image class="content_img" :src="picUrl+item" mode="aspectFill">
					</image>
					<uni-icons v-if="form.image_status==0||form.image_status==2" class="content_img_del"
						@click="delSixHappy(3,index)" type="trash" size="20" color="#191919"></uni-icons>
				</view>
				<view v-if="form.image_status==0||form.image_status==2" class="display_flex"
					style="justify-content: center;">
					<view class="uploadBtn" @click="uploadSixHappy(3)">上传图片</view>
				</view>
			</view>
			<view class="mb-15">
				<view class="mb-5 display_flex">
					<view class="f-14">驾控</view>
					<uni-icons class="ml-5" @click="checkBigImg(form.image4_default)" type="help" size="16"
						color="#00A0DC"></uni-icons>
				</view>
				<view class="content_img_box" v-for="(item,index) in form.image4" :key="index">
					<image class="content_img" :src="picUrl+item" mode="aspectFill">
					</image>
					<uni-icons v-if="form.image_status==0||form.image_status==2" class="content_img_del"
						@click="delSixHappy(4,index)" type="trash" size="20" color="#191919"></uni-icons>
				</view>
				<view v-if="form.image_status==0||form.image_status==2" class="display_flex"
					style="justify-content: center;">
					<view class="uploadBtn" @click="uploadSixHappy(4)">上传图片</view>
				</view>
			</view>
			<view class="mb-15">
				<view class="mb-5 display_flex">
					<view class="f-14">装饰</view>
					<uni-icons class="ml-5" @click="checkBigImg(form.image5_default)" type="help" size="16"
						color="#00A0DC"></uni-icons>
				</view>
				<view class="content_img_box" v-for="(item,index) in form.image5" :key="index">
					<image class="content_img" :src="picUrl+item" mode="aspectFill">
					</image>
					<uni-icons v-if="form.image_status==0||form.image_status==2" class="content_img_del"
						@click="delSixHappy(5,index)" type="trash" size="20" color="#191919"></uni-icons>
				</view>
				<view v-if="form.image_status==0||form.image_status==2" class="display_flex"
					style="justify-content: center;">
					<view class="uploadBtn" @click="uploadSixHappy(5)">上传图片</view>
				</view>
			</view>
			<view class="mb-15">
				<view class="mb-5 display_flex">
					<view class="f-14">热爱</view>
					<uni-icons class="ml-5" @click="checkBigImg(form.image6_default)" type="help" size="16"
						color="#00A0DC"></uni-icons>
				</view>
				<view class="content_img_box" v-for="(item,index) in form.image6" :key="index">
					<image class="content_img" :src="picUrl+item" mode="aspectFill">
					</image>
					<uni-icons v-if="form.image_status==0||form.image_status==2" class="content_img_del"
						@click="delSixHappy(6,index)" type="trash" size="20" color="#191919"></uni-icons>
				</view>
				<view v-if="form.image_status==0||form.image_status==2" class="display_flex"
					style="justify-content: center;">
					<view class="uploadBtn" @click="uploadSixHappy(6)">上传图片</view>
				</view>
			</view>
		</view>
		<view class="groupmanage_input_box">
			<view class="mb-10 mt-10 display_flex f-13">
				<view class="display_flex flex-1">
					<view class="mr-5">活动参与人数</view>
					<input v-if="form.nums_status==0||form.nums_status==2" class="flex-1" type="number"
						v-model="form.nums" />
					<view v-else class="flex-1">{{form.nums}}</view>
				</view>
				<view v-if="form.nums_status==2" class="f-11 c-red" @click="showPopup(form.nums_text)">
					<uni-icons type="info" size="12" color="#E10000"></uni-icons>
					审核未通过
				</view>
			</view>
		</view>
		<view class="content_cell_box">
			<view class="mb-10 display_flex">
				<view class="flex-1 display_flex">
					<view class="f-14">UGC</view>
					<uni-icons class="ml-5" @click="checkBigImg(form.UGCimages_default)" type="help" size="16"
						color="#00A0DC"></uni-icons>
				</view>
				<view v-if="form.UGCimages_status==2" class="f-11 c-red" @click="showPopup(form.UGCimages_text)">
					<uni-icons type="info" size="12" color="#E10000"></uni-icons>
					审核未通过
				</view>
			</view>
			<view class="content_img_box" v-for="(item,index) in form.UGCimages" :key="index">
				<image class="content_img" :src="picUrl+item" mode="aspectFill">
				</image>
				<uni-icons v-if="form.UGCimages_status==0||form.UGCimages_status==2" class="content_img_del"
					@click="delUGCImg(index)" type="trash" size="20" color="#191919"></uni-icons>
			</view>
			<view v-if="form.UGCimages_status==0||form.UGCimages_status==2" class="display_flex"
				style="justify-content: center;">
				<view class="uploadBtn" @click="uploadUGC()">上传图片</view>
			</view>
		</view>
		<view class="content_cell_box">
			<view class="mb-10 display_flex">
				<view class="f-14 flex-1">老带新客户名单</view>
				<view v-if="form.userlist_id_status==2" class="f-11 c-red" @click="showPopup(form.userlist_id_text)">
					<uni-icons type="info" size="12" color="#E10000"></uni-icons>
					审核未通过
				</view>
			</view>
			<view class="groupauditlist_table_header">
				<uni-row gutter="8">
					<uni-col :span="4">
						<checkbox @click="changeCheckedAll" :checked="checkedAll==1" style="transform:scale(0.8)" />
					</uni-col>
					<uni-col :span="4">
						<view class="text-c">ID</view>
					</uni-col>
					<uni-col :span="8">
						<view class="text-c">姓名</view>
					</uni-col>
					<uni-col :span="8">
						<view class="text-c">手机号</view>
					</uni-col>
				</uni-row>
			</view>
			<view class="f-14 list">
				<checkbox-group @change="checkboxChange">
					<label v-for="item in form.userlist" :key="item.id">
						<view class="groupaudit_cell">
							<uni-row gutter="8">
								<uni-col :span="4">
									<checkbox :value="item.id" :checked="item.checked" style="transform:scale(0.8)" />
								</uni-col>
								<uni-col :span="4">
									<view class="text-c">{{item.id}}</view>
								</uni-col>
								<uni-col :span="8">
									<view class="text-c ellipsis">{{item.name}}</view>
								</uni-col>
								<uni-col :span="8">
									<view class="text-c ellipsis">{{item.mobile}}</view>
								</uni-col>
							</uni-row>
						</view>
					</label>
				</checkbox-group>
			</view>
			<view v-if="form.userlist.length==0" class="page_bottom_loading">- 暂无老带新客户 -</view>
		</view>
		<view class="group_public_btn_block" @click="submitVerify">确认提交</view>
		<view v-if="popupImg" class="mask_box" @click="closePopup"></view>
		<view class="popup_img_box" v-if="popupImg">
			<image class="popup_img" @load="loadPopupImg" :src="onlinePic+'manage/popup_img.png'" mode="widthFix">
			</image>
			<view v-if="showPopupText" class="popup_text_box">
				<text>{{popup_text}}</text>
			</view>
			<view class="pop_close_icon_box">
				<uni-icons class="pop_close_icon" @click="closePopup" type="close" color="#ffffff"
					size="50"></uni-icons>
			</view>
		</view>
	</view>
</template>

<script>
	import {
		getActiveVerifyInfo,
		submitActiveVerify,
		noticeTemplate
	} from '@/api/motortime.js';
	let app = getApp()
	export default {
		data() {
			return {
				huodong_id: '',
				form: {
					huodong_id: '',
					bigimages: [], //整体活动照片
					bigimages_status: 0,
					UGCimages: [], //UGC截图
					UGCimages_status: 0,
					image1: [],
					image2: [],
					image3: [],
					image4: [],
					image5: [],
					image6: [],
					image_status: 0,
					nums: '', //实际活动参与人数
					nums_status: 0,
					userlist_id: [], //老带新客户id
					userlist_id_status: 0,
					userlist: [],
				},
				checkedAll: 0,
				popupImg: false,
				popup_text: '',
				showPopupText: false,
				isSubmit: true,
				onlinePic: app.globalData.onlinePic,
				picUrl: app.globalData.picUrl
			};
		},
		onShow() {
			if (!uni.getStorageSync('access_token')) {
				uni.navigateTo({
					url: '/pages/login/login'
				})
			}
			if (uni.getStorageSync('userinfo').is_staff == 0) {
				uni.switchTab({
					url: '/pages/index/index'
				})
			}
		},
		onLoad(options) {
			if (uni.getStorageSync('userinfo').is_staff != 0) {
				this.huodong_id = options.huodong_id
				this.form.huodong_id = options.huodong_id
				this.getActiveVerifyInfo()
			}
			var params = {
				event_code: '车友会活动核销',
				path: 'pages/groupmanage/groupactiveverify',
				event_id: this.huodong_id,
				title: '',
				source_page: '',
				value: '',
			}
			app.BurialPoint(params)
		},
		methods: {
			getActiveVerifyInfo() {
				getActiveVerifyInfo({
					huodong_id: this.huodong_id
				}).then(res => {
					if (res.state == 1) {
						this.form = res.data.info
						var userlist = res.data.info.userlist
						var userlist_id = res.data.info.userlist_id
						if (userlist.length > 0) {
							userlist.forEach(user => {
								// 检查user的id是否在list数组中  
								if (userlist_id.includes(user.id)) {
									// 如果在，将checked设置为true  
									user.checked = true;
								}
							});
							this.form.userlist = userlist
							if (userlist.length != userlist_id.length) {
								this.checkedAll = 0
							} else {
								this.checkedAll = 1
							}
						}

					} else {
						uni.showToast({
							title: res.error[0],
							mask: true,
							icon: 'none',
							duration: 1500
						})
					}
				})
			},
			uploadContent() {
				var that = this
				var countNum = 10 - that.form.bigimages.length
				if (countNum > 0) {
					uni.chooseImage({
						count: countNum,
						sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
						sourceType: ['album'], //从相册选择
						success: function(res) {
							uni.showLoading({
								title: '正在上传'
							})
							var tempFilePaths = res.tempFilePaths
							that.uploadImage(tempFilePaths, 0)
						}
					});
				} else {
					uni.showToast({
						title: '最多上传2张图片',
						icon: 'none',
						mask: true,
						duration: 1500
					})
				}
			},
			uploadImage(files, i) {
				var i
				uni.uploadFile({
					url: app.globalData.uploadUrl,
					filePath: files[i],
					name: 'img',
					success: (res) => {
						var picdata = JSON.parse(res.data);
						this.form.bigimages.push(picdata.data.img);
						i++
						if (i < files.length) {
							this.uploadImage(files, i)
						} else {
							uni.hideLoading()
						}
					}
				});
			},
			delBigImg(index) {
				var that = this
				uni.showModal({
					content: '确定删除这张图片吗',
					confirmColor: '#00A0DC',
					success: function(res) {
						if (res.confirm) {
							that.form.bigimages.splice(index, 1)
						} else if (res.cancel) {
							console.log('用户点击取消');
						}
					}
				});
			},
			uploadUGC() {
				var that = this
				uni.chooseImage({
					count: 70,
					sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
					sourceType: ['album'], //从相册选择
					success: function(res) {
						console.log(res);
						console.log(JSON.stringify(res.tempFilePaths));
						uni.showLoading({
							title: '正在上传'
						})
						var tempFilePaths = res.tempFilePaths
						that.uploadUgcImage(tempFilePaths, 0)
					}
				});
			},
			uploadUgcImage(files, i) {
				var i
				uni.uploadFile({
					url: app.globalData.uploadUrl,
					filePath: files[i],
					name: 'img',
					success: (res) => {
						var picdata = JSON.parse(res.data);
						this.form.UGCimages.push(picdata.data.img);
						i++
						if (i < files.length) {
							this.uploadUgcImage(files, i)
						} else {
							uni.hideLoading()
						}
					}
				});
			},
			delUGCImg(index) {
				var that = this
				uni.showModal({
					content: '确定删除这张图片吗',
					confirmColor: '#00A0DC',
					success: function(res) {
						if (res.confirm) {
							that.form.UGCimages.splice(index, 1)
						} else if (res.cancel) {
							console.log('用户点击取消');
						}
					}
				});
			},
			uploadSixHappy(type) {
				var that = this
				if (type == 1) {
					var countNum = 9 - that.form.image1.length
				} else if (type == 2) {
					var countNum = 9 - that.form.image2.length
				} else if (type == 3) {
					var countNum = 9 - that.form.image3.length
				} else if (type == 4) {
					var countNum = 9 - that.form.image4.length
				} else if (type == 5) {
					var countNum = 9 - that.form.image5.length
				} else if (type == 6) {
					var countNum = 9 - that.form.image6.length
				}
				if (countNum > 0) {
					uni.chooseImage({
						count: countNum,
						sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
						sourceType: ['album'], //从相册选择
						success: function(res) {
							uni.showLoading({
								title: '正在上传'
							})
							var tempFilePaths = res.tempFilePaths
							that.uploadSixHappyImage(tempFilePaths, 0, type)
						}
					});
				} else {
					uni.showToast({
						title: '最多上传2张图片',
						icon: 'none',
						mask: true,
						duration: 1500
					})
				}
			},
			uploadSixHappyImage(files, i, type) {
				var i
				uni.uploadFile({
					url: app.globalData.uploadUrl,
					filePath: files[i],
					name: 'img',
					success: (res) => {
						var picdata = JSON.parse(res.data);
						if (type == 1) {
							this.form.image1.push(picdata.data.img);
						} else if (type == 2) {
							this.form.image2.push(picdata.data.img);
						} else if (type == 3) {
							this.form.image3.push(picdata.data.img);
						} else if (type == 4) {
							this.form.image4.push(picdata.data.img);
						} else if (type == 5) {
							this.form.image5.push(picdata.data.img);
						} else if (type == 6) {
							this.form.image6.push(picdata.data.img);
						}
						i++
						if (i < files.length) {
							this.uploadSixHappyImage(files, i, type)
						} else {
							uni.hideLoading()
						}
					}
				});
			},
			delSixHappy(type, index) {
				var that = this
				uni.showModal({
					content: '确定删除这张图片吗',
					confirmColor: '#00A0DC',
					success: function(res) {
						if (res.confirm) {
							if (type == 1) {
								that.form.image1.splice(index, 1)
							} else if (type == 2) {
								that.form.image2.splice(index, 1)
							} else if (type == 3) {
								that.form.image3.splice(index, 1)
							} else if (type == 4) {
								that.form.image4.splice(index, 1)
							} else if (type == 5) {
								that.form.image5.splice(index, 1)
							} else if (type == 6) {
								that.form.image6.splice(index, 1)
							}
						} else if (res.cancel) {
							console.log('用户点击取消');
						}
					}
				});
			},
			// uploadSixHappy(type) {
			// 	var that = this
			// 	uni.chooseImage({
			// 		count: 9,
			// 		sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
			// 		sourceType: ['album'], //从相册选择
			// 		success: function(res) {
			// 			uni.showLoading({
			// 				title: '正在上传'
			// 			})
			// 			var tempFilePaths = res.tempFilePaths
			// 			uni.uploadFile({
			// 				url: app.globalData.uploadUrl,
			// 				filePath: tempFilePaths[0],
			// 				name: 'img',
			// 				success: (res) => {
			// 					var picdata = JSON.parse(res.data);
			// 					if (type == 1) {
			// 						that.form.image1.push(picdata.data.img);
			// 					} else if (type == 2) {
			// 						that.form.image2.push(picdata.data.img);
			// 					} else if (type == 3) {
			// 						that.form.image3.push(picdata.data.img);
			// 					} else if (type == 4) {
			// 						that.form.image4.push(picdata.data.img);
			// 					} else if (type == 5) {
			// 						that.form.image5.push(picdata.data.img);
			// 					} else if (type == 6) {
			// 						that.form.image6.push(picdata.data.img);
			// 					}
			// 					uni.hideLoading()
			// 				}
			// 			});
			// 		}
			// 	});
			// },
			checkBigImg(img) {
				var url = this.picUrl + img
				uni.previewImage({
					urls: [url]
				});
			},
			submitVerify() {
				var that = this
				if (that.form.bigimages.length == 0) {
					uni.showToast({
						title: '请上传活动整体照片',
						mask: true,
						icon: 'none',
						duration: 1500
					})
					return false
				}
				var form = that.form
				var arr = [that.form.image1, that.form.image2, that.form.image3, that.form.image4, that.form.image5, that
					.form.image6
				]
				var filledCount = 0
				for (var i = 0; i < arr.length; i++) {
					if (arr[i].length != 0) {
						filledCount++;
					}
				}
				if (filledCount < 4) {
					uni.showToast({
						title: '六大愉悦活动照片至少上传4个',
						mask: true,
						icon: 'none',
						duration: 1500
					})
					return false
				}
				if (that.form.nums == '') {
					uni.showToast({
						title: '请填写活动参与人数',
						mask: true,
						icon: 'none',
						duration: 1500
					})
					return false
				}
				if (that.form.UGCimages.length == 0) {
					uni.showToast({
						title: '请上传UGC图片',
						mask: true,
						icon: 'none',
						duration: 1500
					})
					return false
				}
				if (that.form.userlist.length > 0) {
					if (that.form.userlist_id.length == 0) {
						uni.showToast({
							title: '请选择老带新名单',
							mask: true,
							icon: 'none',
							duration: 1500
						})
						return false
					}
				}
				if (that.isSubmit) {
					that.isSubmit = false
					uni.showModal({
						content: '确认提交吗',
						confirmText: '确认',
						confirmColor: '#00A0DC',
						success: function(res) {
							if (res.confirm) {
								console.log(that.form)

								// #ifdef  MP-WEIXIN
								uni.requestSubscribeMessage({
									tmplIds: ['GPMvzzchxSSNOTY_9WzKY67B5T1g9KrfDaWc0IJFzDI'],
									success: function(res) {
										noticeTemplate({
											template_type: 7 //4:车友会；5:活动报名结果；6:活动创建结果;7:活动核销结果
										}).then(res => {
											if (res.state == 1) {
												submitActiveVerify(that.form).then(res => {
													if (res.state == 1) {
														uni.showToast({
															title: '提交成功',
															mask: true,
															icon: 'success',
															duration: 1500
														})
														uni.setStorage({
															key: 'onload',
															data: 'true',
															success() {}
														})
														uni.redirectTo({
															url: '/pages/groupmanage/groupactiveverifyresult?huodong_id=' +
																that
																.huodong_id
														})
														that.isSubmit = true
													} else {
														that.isSubmit = true
														uni.showToast({
															title: res
																.error[0],
															mask: true,
															icon: 'none',
															duration: 1500
														})
													}
												})
											} else {
												uni.showToast({
													title: res.error[0],
													mask: true,
													icon: 'none',
													duration: 1500
												})
											}
										})
									},
									fail: function(e) {
										console.log(e)
									}
								})
								// #endif
								// #ifndef  MP-WEIXIN
								submitActiveVerify(that.form).then(res => {
									if (res.state == 1) {
										uni.showToast({
											title: '提交成功',
											mask: true,
											icon: 'success',
											duration: 1500
										})
										uni.setStorage({
											key: 'onload',
											data: 'true',
											success() {}
										})
										uni.navigateTo({
											url: '/pages/groupmanage/groupactiveverifyresult?huodong_id=' +
												that
												.huodong_id
										})
										that.isSubmit = true
									} else {
										that.isSubmit = true
										uni.showToast({
											title: res.error[0],
											mask: true,
											icon: 'none',
											duration: 1500
										})
									}
								})
								// #endif
								var params = {
									event_code: '车友会活动核销',
									path: 'pages/groupmanage/groupactiveverify',
									event_id: that.huodong_id,
									title: '',
									source_page: '车友会活动核销-提交',
									value: '',
								}
								app.BurialPoint(params)
							} else if (res.cancel) {
								that.isSubmit = true
								console.log('用户点击取消');
							}
						}
					});
				}
			},
			loadPopupImg() {
				this.showPopupText = true
			},
			showPopup(text) {
				this.popup_text = text
				this.popupImg = true
			},
			closePopup() {
				this.popupImg = false
				this.popup_text = ''
			},
			checkboxChange(e) {
				console.log(e)
				this.form.userlist_id = e.detail.value
				if (this.form.userlist_id.length != this.form.userlist.length) {
					this.checkedAll = 0
				} else {
					this.checkedAll = 1
				}
			},
			changeCheckedAll() {
				this.checkedAll = this.checkedAll == 1 ? 0 : 1
				var list = this.form.userlist
				if (this.checkedAll == 1) {
					var arruser = []
					list.forEach(item => {
						item.checked = true; // 或者 false，取决于你的需求  
						arruser.push(item.id)
					});
					this.form.userlist_id = arruser
					this.form.userlist = list
				} else {
					list.forEach(item => {
						item.checked = false; // 或者 false，取决于你的需求  
					});
					this.form.userlist_id = []
					this.form.userlist = list
				}
			}
		},
		onShareAppMessage(res) {
			app.getShareTask()
			return {

			}
		}
	}
</script>

<style lang="scss">
	.groupactiveverify {
		padding: 30rpx;

		.groupmanage_input_box {
			height: 84rpx;
			font-size: 26rpx;
			margin-top: 30rpx;
			padding: 0 30rpx;
			display: flex;
			align-items: center;
			border-radius: 4px;
			border: 2rpx solid #F7F7F7;
			background-color: #F7F7F7;

			.uni-select {
				border: 0px solid #E9E9E9 !important;
				box-sizing: border-box;
				border-radius: 4px;
				padding: 0 0 !important;
				border-bottom: solid 0px #E9E9E9 !important;
				width: 100%;
				flex: 1;
				height: 0 !important;
				margin-left: 10rpx;
				font-size: 26rpx;
			}

			.time_input {
				display: flex;
				align-items: center;
				justify-content: center;
				font-size: 26rpx;
				height: 84rpx;
				padding: 0 30rpx;
				flex: 1;
			}

			.icon-calendar {
				display: none;
			}

		}

		.content_cell_box {
			margin: 20rpx 0;
			padding: 20rpx 30rpx;
			border-radius: 8rpx;
			border: 2rpx solid #F7F7F7;
			background-color: #F7F7F7;

			.active_top_img {
				width: 100%;
				height: calc(50vw - 60rpx);
				border-radius: 8rpx;
			}

			.content_img_box {
				position: relative;
				width: 100%;
				height: calc(50vw - 60rpx);
				border-radius: 8rpx;
				margin-bottom: 20rpx;

				.content_img {
					width: 100%;
					height: calc(50vw - 60rpx);
					border-radius: 8rpx;
				}

				.content_img_del {
					position: absolute;
					top: -20rpx;
					right: -20rpx;
					z-index: 1;
					padding: 20rpx;
				}

				.content_img_add {
					position: absolute;
					top: calc(50% - 13px);
					left: calc(50% - 13px);
					z-index: 1;
				}
			}


			.content_img_block {
				width: 100%;
				height: calc(50vw - 60rpx);
				display: flex;
				align-items: center;
				justify-content: center;
				border-radius: 8rpx;
				background-color: #F0F0F0;
			}

			.content_img_bk {
				width: 60%;
				height: calc(30vw - 60rpx);
				display: flex;
				align-items: center;
				justify-content: center;
				border-radius: 8rpx;
				background-size: cover;
				background-color: #F0F0F0;
			}

			.uploadBtn {
				font-size: 28rpx;
				display: flex;
				align-items: center;
				justify-content: center;
				width: 30%;
				color: #ffffff;
				padding: 10rpx 0;
				border-radius: 8rpx;
				background-color: #00A0DC;
			}
		}

		.popup_img_box {
			position: fixed;
			top: 150rpx;
			left: 60rpx;
			right: 16rpx;
			z-index: 1001;

			.popup_img {
				width: 100%;
				vertical-align: middle;
			}

			.popup_text_box {
				color: #666666;
				font-size: 28rpx;
				position: absolute;
				top: 20%;
				left: 66rpx;
				right: 115rpx;
				z-index: 1002;
				line-height: 42rpx;
			}

			.pop_close_icon_box {
				position: absolute;
				bottom: -80rpx;
				left: 0;
				right: 0;
				z-index: 1002;
				text-align: center;
			}

		}

		.groupauditlist_table_header {
			font-size: 26rpx;
			margin: 40rpx 0 30rpx 0;
			padding: 28rpx 0;
			border-radius: 8rpx;
			background-color: #F2F2F2;
		}

		.list {
			margin-top: 20rpx;

			.groupaudit_cell {
				padding: 20rpx 0;
				margin-bottom: 10rpx;
				border-radius: 8rpx;
				background-color: #F7F7F7;

				.user_avatar {
					width: 80rpx;
					height: 80rpx;
					border-radius: 100rpx;
					vertical-align: middle;
				}
			}
		}
	}
</style>